<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<link rel="stylesheet" href="../../public/css/bootstrap.min.css">
		
		<link rel="stylesheet" href="style.css">
		<script src="../../public/js/vue.js"></script>
		<script src="../../public/js/jquery.min.js"></script>
		<script src="../../public/js/bootstrap.min.js"></script>
		<link rel="icon" href="../../public/images/index/title.jpg">
		<title>生意专家官网——进销存管理_免费商品库存管理_店铺会员营销软件——生意专家</title>
	</head>
	<body>
		<div id="nav"></div>
		 <div class="model model2">
      	<div class="text-center" id="model2">
      		<h1 style="color: white;font-size: 55px">一个软件解决所有开店需求</h1>
      		<h5 style="color: white;font-size: 20px;letter-spacing:3px;">收银记账 · 进销存 · 顾客管理 · 会员营销 · 微店</h5>
      		<a href="" class="btn btn-large" style=" color: white;font-family: 'microsoft yahei';">立即注册</a>
      	</div>
      </div>
	
	<div id="web2" class="bg-grey" style="height:400px; border-bottom: 1px solid rgb(230,230,230);">
     <div class="detiles text-center ">
  		<div class="col-xs-4 col" v-for='item in intrs'>
	  		 <img :src="item.img" alt="" width="90px"background-sezi="contain">
	         <h5>{{item.h5}}</h5>
	         <p>{{item.p}}</p>
	         <p>{{item.p2}}</p>
  		</div>
  	</div>	
</div>

<div class="bg-5">
	 <div class="bg-5row">
	 	<div class="col-xs-5" style="margin-top: -30px;">
           <div class="m-t-45" style="margin-top:10px;">
			   <h5>店铺管理</h5>
			   <a href="" class="shop shop1">
			   	<dl class="shopdl" style="color: rgb(101,101,101);font-family: Arial;display: inline-block;">
			   	<dt style="font-size: 18px;">收银记账</dt>
			   	<dd style="font-size: 14px;">清楚每一笔销售，是开始好生意的第一步</dd>
			   </dl>
			   </a>
			   <a href="" class="shop shop2">
			   	<dl class="shopdl" style="color: rgb(101,101,101);font-family: Arial;display: inline-block;">
			   	<dt style="font-size: 18px;">商品管理</dt>
			   	<dd style="font-size: 14px;">货品成千上万,照样轻松管理</dd>
			   </dl>
			   </a>
			   <a href="" class="shop shop3">
			   	<dl class="shopdl" style="color: rgb(101,101,101);font-family: Arial;display: inline-block;">
			   	<dt style="font-size: 18px;">会员管理</dt>
			   	<dd style="font-size: 14px;">留下顾客信息,开展营销,回头客源源不断</dd>
			   </dl>
			   </a>
			   <a href="" class="shop shop4">
			   	<dl class="shopdl" style="color: rgb(101,101,101);font-family: Arial;display: inline-block;">
			   	<dt style="font-size: 18px;">连锁店管理</dt>
			   	<dd style="font-size: 14px;">店铺间会员、优惠券通用,全局管理一步到位</dd>
			   </dl>
			   </a>
			   <a href="" class="shop" style="padding-left: 0px;">了解更多</a>
		   </div>
		   
	 </div>
	 <div class="col-xs-7" style="margin-top: -30px;>
		 <div class="m-t-60">
        <img src="../../public/images/index/pc-view.png" alt="" style='width:743px;height: 450px; margin-top:0px;'>
	     </div>
	</div>
	 </div>
 </div>
<!-----------------------------------------yellow----------------------------->	
     <div class="bg-floor">
     	<div class="bg-yellow">
     		<div class="col-xs-8" style="margin-top: 96px;">
     			<div style="height: 487px;width: 640px;" class="aaaa">
	     			<div style="height: 487px;width: 640px;" class="tab1 img"></div>
	     			<div style="height: 487px;width: 640px;" class="tab tab2 img"></div>
	     			<div style="height: 487px;width: 640px;" class="tab tab3 img"></div>
	     			<div style="height: 487px;width: 640px;" class="tab tab4 img"></div>  
     			</div>
     		</div>
     		<div class="col-xs-4" style="color: white;" >
               <div class="m-t-45" style="padding-top:0px; margin-top: 80px;">
			     <h5>会员营销</h5>
			   <div class="floor" style="background: rgba(230,230,230,0.4);border:1px solid white;border-radius:5px;">
				   	<dl class="shopdl shop floor1" style="margin: 10px 18px; color: white;font-family: Arial;display: inline-block;">
				   	  <dt style="font-size: 18px;" >短信营销</dt>
				   	  <dd style="font-size: 14px;">到达率98%,经久不衰的营销工具</dd>
				    </dl>
			   </div>
			  <div class="floor">
				   	<dl class="shopdl shop floor2" style="margin: 10px 18px; color: white;font-family: Arial;display: inline-block;">
				   	  <dt style="font-size: 18px;">微信营销</dt>
				   	  <dd style="font-size: 14px;">打通你的微信公众号,立即拥有微店</dd>
				   </dl>
			  </div>
			   <div class="floor">
				   	<dl class="shopdl shop floor3" style="margin: 10px 18px; color: white;font-family: Arial;display: inline-block;">
					   	<dt style="font-size: 18px;">手机橱窗</dt>
					   	<dd style="font-size: 14px;">你的第二个门面,顾客在手机上付款选购</dd>
				   </dl>
			   </div>
			  <div class="floor">
			   	 <dl class="shopdl shop floor4" style="margin: 10px 18px; color: white;font-family: Arial;display: inline-block;">
				   	<dt style="font-size: 18px;">优惠券</dt>
				   	<dd style="font-size: 14px;">主动出击、精准推荐、让顾客回头不再困难</dd>
			     </dl>
			  </div>
			   <a href="" class="shop" style=" padding-left: 20px;color: white;font-family: Arial;">了解更多></a>
		   </div>
	       </div>
     	</div>
     </div>	
     
		<script>

        $('.floor:eq(0)').hover(function()
        {
        	$('.img:eq(0)').css('display','block')
        	$('.floor').css('background','')
        	$('.floor:eq(0)').css('background-color','rgba(230,230,230,0.4)')
        },
         function(){
            $('.floor:eq(0)').css('background-color','rgba(230,230,230,0.4)')
            $('.img:eq(0)').css('display','none')
         })
        
        $('.floor:eq(1)').hover(function()
        {
        	$('.img:eq(1)').css('display','block')
        	$('.floor').css('background','')
        	$('.floor:eq(1)').css('background-color','rgba(230,230,230,0.4)')
        },
         function(){
            $('.floor:eq(1)').css('background-color','rgba(230,230,230,0.4)')
            $('.img:eq(1)').css('display','none')
         })
        
        $('.floor:eq(2)').hover(function()
        {
        	$('.img:eq(2)').css('display','block')
        	$('.floor').css('background','')
        	$('.floor:eq(2)').css('background-color','rgba(230,230,230,0.4)')
        },
         function(){
            $('.floor:eq(2)').css('background-color','rgba(230,230,230,0.4)')
            $('.img:eq(2)').css('display','none')
         })
        
        $('.floor:eq(3)').hover(function()
        {
        	$('.img:eq(3)').css('display','block')
        	$('.floor').css('background','')
        	$('.floor:eq(3)').css('background-color','rgba(230,230,230,0.4)')
        },
         function(){
            $('.floor:eq(3)').css('background-color','rgba(230,230,230,0.4)')
            $('.img:eq(3)').css('display','none')
         })
		

		$('#nav').load('nav.html')
			
		var app = new Vue({
		el:'#web2',
		data:
		{
			intrs:[
					{
					    img:'../../public/images/index/sp-1.png',
						h5:'基础功能免费',
						p:'支持实体店各类日常管理，不花钱',
						p2:'也能用上好软件。'
					},
					{
					    img:'../../public/images/index/sp-2.png',
						h5:'全部行业适用',
						p:'你身边的服装店、日化店、商超百货、美容美'	,
						p2:'发店，还有更多行业，都在使用生意专家。'
					},
					{
					    img:'../../public/images/index/sp-3.png',
						h5:'营业额飙升',
						p:'多种营销工具，帮你拓客锁客。用过的老板表示:',
						p2:'营业额轻轻松松涨了30%。'
					}
		    ]
		}	
	})
		</script>
	</body>
</html>
